@charset "UTF-8";

@font-face {
    font-family: 'icon';  /* project id 1990013 */
     src: url('//at.alicdn.com/t/font_1990013_2bl6akwhbv4.eot');
     src: url('//at.alicdn.com/t/font_1990013_2bl6akwhbv4.eot?#iefix') format('embedded-opentype'),
     url('//at.alicdn.com/t/font_1990013_2bl6akwhbv4.woff2') format('woff2'),
     url('//at.alicdn.com/t/font_1990013_2bl6akwhbv4.woff') format('woff'),
     url('//at.alicdn.com/t/font_1990013_2bl6akwhbv4.ttf') format('truetype'),
     url('//at.alicdn.com/t/font_1990013_2bl6akwhbv4.svg#iconfont') format('svg');
}

/*banner图*/
.index-banner {
	width: 100%;
	transition: all 1s;
	-webkit-transition: all 1s;
	/* Safari */
}

.index-banner .swiper-container {
	height: 100%;
}

.index-banner .swiper-slide a {
	display: block;
	width: 100%;
}

.index-banner .swiper-slide a img {
	display: block;
	width: 100%;
}

.index-banner .swiper-slide a img.wapimg {
	display: none;
}

.index-banner .swiper-container .swiper-pagination {
	bottom: 40px;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	border-radius: 14px;
	background-color: rgba(0,0,0,0.5);
	height: 28px;
	padding: 0 16px;
}

.index-banner .swiper-container .swiper-pagination-bullet {
	opacity: 1;
	border-radius: 0;
	width: 6px;
	margin: 11px 5px;
	background: none;
	height: 6px;
	border-radius: 50%;
	transition: all .3s;
	background: #fff;
}

.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border: 1px solid #f3ea05;
	width: 10px;
	height: 10px;
	margin: 9px 5px;
	background-color: transparent;
}

.index-banner .swiper-button-next,
.index-banner .swiper-button-prev {
	width: 58px;
	height: 58px;
	margin-top: -29px;
	background-image: url(../images/index-prev.png);
	background-position: center;
	background-size: 13px 22px;
	background-repeat: no-repeat;
	display: none;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	opacity: 1;
	left: 6%;
	background-color: rgb(0,0,0,0.5);
	border-radius: 50%;
}

.index-banner .swiper-button-next {
	background-image: url(../images/index-next.png);
	right: 6%;
	left: auto;
}

.index-banner:hover .swiper-button-next,
.index-banner:hover .swiper-button-prev {
	display: block;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}

.index-banner .swiper-button-next:hover,
.index-banner .swiper-button-prev:hover {
	opacity: 1;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}


@media (max-width:1080px) {

	.index-banner .swiper-container .swiper-pagination{bottom: 20px;}
	
	.index-banner .swiper-button-next,
	.index-banner .swiper-button-prev {
		display: none;
	}

	.index-banner .swiper-container .swiper-pagination {
		display: block;
	}
}

@media(max-width:769px) {
	.index-banner .swiper-slide a img.pcimg {
		display: none;
	}

	.index-banner .swiper-slide a img.wapimg {
		display: block;
	}
	.index-banner .swiper-container .swiper-pagination{bottom: 8px;}
	
}

/* 内页 内容区 */
.inside-content{width: 100%;background-color: #f5f5f5;overflow: hidden;}
.inside-left{float: left;width: 320px;padding: 70px 0;position: fixed;transition: all .5s;z-index: 12;}

.inside-left h1{font-size: 48px;color: #333;font-weight: bold;line-height: 60px;}
.inside-nav{padding: 20px 0;}
.inside-nav .swiper-slide{font-size: 18px;line-height: 30px;font-weight: bold;text-align: left;justify-content: flex-start;padding: 20px 0;}
.inside-nav .swiper-slide.cur a{color: #008cd6;}

.inside-right{float: right;width: calc(100% - 320px);border-left:2px solid #e0e0e0 ;}
.inside-main{width: 100%;}
.inside-main .inside-itembox{width: 100%;padding: 70px 0;padding-left: 80px;border-bottom: 2px solid #e0e0e0;}
.inside-main .inside-itembox:last-child{border-bottom: 0;}
.inside-main .inside-itembox .inside-title{width: 100%;}
.inside-main .inside-itembox .inside-title h3{font-size: 24px;line-height: 40px;margin-bottom: 40px;color: #008cd6;font-weight: bold;}

.content-title{font-size: 24px;line-height: 30px;font-weight: bold;color: #333;margin-bottom: 30px;}

/* 企业简介 */
.introductions-top{width: 100%;height: 408px;}
.introductions-top .introductions-viedeo{position: relative;width: 507px;height: 100%;}
.introductions-top .introductions-viedeo .pic{width: 100%;height: 100%;overflow: hidden;}
.introductions-top .introductions-viedeo .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 1s;-webkit-transition: all 1s;}
.introductions-top .introductions-viedeo .play-btn{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 5;}
.introductions-top .introductions-viedeo .play-btn img{display: block;width: 94px;height: 94px;}

.introductions-top .introductions-viedeo:hover .pic img{-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);}

.introductions-top .introductions-info{padding-left: 60px;width: calc(100% - 507px);height: 100%;overflow-y: auto;}

.footer-number{width:100%;padding:45px 0;}
.digital{display:block;position:relative;top:-600px;}
.footer-number .number{width: 100%;}
.footer-number .number li{float:left;width:27.5%;}
.footer-number .number li:last-child{float: right;width: auto;}
.footer-number .number li p{position: relative;}
.footer-number .number li span{font-size:48px;font-weight:bold;color: #008cd6;font-family: "Arial";line-height: 60px;}
.footer-number .number li em{font-size:16px;color: #008cd6;}
.footer-number .number li .cons{font-size:16px;color:#666;line-height:40px;}

.introductions-list{width: 100%;}
.introductions-list li{float: left;width: 33.33%;}
.introductions-list li a{display: block;width: 100%;position: relative;}
.introductions-list li a .pic{width: 100%;height: 270px;overflow: hidden;}
.introductions-list li a .shade{position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;z-index: 2;background:-webkit-linear-gradient(bottom,rgba(0,140,214,0.4),transparent)}
.introductions-list li a .shade p{width: 100%;height: 100%;display: flex;justify-content: center;align-items: flex-end;font-size: 20px;line-height: 30px;font-weight: bold;color: #fff;padding-bottom: 15px;}

.introductions-list li a:hover .pic img{-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);}

/* 发展历程 */
.inside-history{position: relative;}
.inside-history::after{width: 1px; height: 100%;background-color: #e0e0e0;display: block;content: '';position: absolute;top: 10px;left: 5px;z-index: 2;}
.inside-history .history-list li{padding-bottom: 30px;transition: all 0.3s;
    -webkit-transition: all 0.3s;}
.inside-history .history-list li .history-content{position: relative;}
.inside-history .history-list li .history-content .text-box{margin-left: 50px;}
.inside-history .history-list li .history-content .text-box h5{font-size: 18px;color: #008cd6;line-height: 26px;}
.inside-history .history-list li .history-content .text-box p{font-size: 14px;line-height: 24px; color: #666;word-break: break-all;}
.inside-history .history-list li .history-content .circular {box-shadow: 0 0 0 6px rgba(0, 140, 214, .2);background-color: #008cd6;position: absolute;top: 6px;left: 0;z-index: 3;}
.inside-history .cir {width: 12px; height: 12px;border-radius: 50%;margin: 0 auto;}

/* 荣誉资质 */
.inside-honor{width: 100%;display: flex;align-items: center;}
.inside-honor .honor-nav{width: 128px;margin-top: -76px;}
.inside-honor .honor-nav li{width: 100%;margin-top: 25px;}
.inside-honor .honor-nav li:first-child{margin-top: 0;}
.inside-honor .honor-nav li a{display: block;width: 100%;height: 42px;font-size: 16px;line-height: 40px;border-radius: 21px;text-align: center;color: #333;border: 1px solid #333;}
.inside-honor .honor-nav li.cur a{background-color: #008cd6;border-color:#008cd6 ;color: #fff;}
.inside-honor .honor-list{width: calc(100% - 128px);padding-left: 60px;}

.inside-honor .honor-item{width: 100%;background-color: #fff;height: 0;padding-bottom: 100%;position: relative;display: flex;justify-content: center;align-items: center;}
.inside-honor .honor-item .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 11%;}
.inside-honor .honor-item .pic img{display: block;margin: 0 auto;max-width: 100%;max-height: calc(100% - 60px);}
.inside-honor .honor-item .pic p{padding: 0 10px;width: 100%;font-size: 16px;color:#666;line-height: 30px;margin-top: 30px;position: absolute;bottom: 11%;left: 50%;transform: translateX(-50%);}
.inside-honor .swiper-container{padding-bottom: 76px;}
.inside-honor .swiper-button-next, .inside-honor .swiper-button-prev{
	font-family: "icon";font-size: 16px;
	bottom: 0;top: unset;width: 36px;height: 36px;background-image: none;
	border-radius: 50%;border: 1px solid #a0a0a0;color: #999;line-height: 34px;text-align: center;
}
.inside-honor .swiper-button-next{
	right: unset;left: 60px;
}
.inside-honor .swiper-button-next:hover, 
.inside-honor .swiper-button-prev:hover{
	color: #fff;
	background-color: #008cd6;border-color:#008cd6 ;
}
/*视频弹框*/
.video-bg{position:fixed;z-index:1000;top:0;left:0;background:#000;opacity:0.7;width:100%;height:100%;display: none;}
.home-videobox{display: none;position:fixed;z-index:1001;top:0;left:0;width:60%;top:50%;left:20%;transform: translateY(-50%);}
.home-videobox .video-close{z-index: 99;position:absolute;right:-24px;top:-24px;width:48px;height:48px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close02.png) no-repeat center;background-size:28px;border:#fff solid 2px;border-radius:50%;cursor:pointer;opacity:0.8;}

@media(max-width:1280px){
	.home-videobox{width:80%;left:10%;}
}

@media(max-width:769px){
	.home-videobox{width:90%;left:5%;}

	.home-videobox .video-close{right:-18px;top:-18px;width:36px;height:36px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close02.png) no-repeat center;background-size:20px;}
}

@media (max-width:1600px) {
	.inside-left{width: 280px;padding: 60px 0;}
	.inside-right{width: calc(100% - 280px);}
	.inside-main .inside-itembox{padding: 60px 0;padding-left: 50px;}
	
	.introductions-top{height: 329px;}
	.introductions-top .introductions-viedeo{width: 460px;}
	.introductions-top .introductions-info{width: calc(100% - 460px);padding-left: 40px;}
}

@media (max-width:1280px) {
	.inside-left h1,.footer-number .number li span{font-size: 40px;}
	.inside-left{padding: 40px 0;width: 220px;}
	.inside-nav .swiper-slide{font-size: 16px;padding: 8px 0;}
	.inside-nav{padding: 16px 0;}
	
	.inside-right{width: calc(100% - 220px);}
	.inside-main .inside-itembox{padding: 40px 0;padding-left: 30px;}
	
	.inside-main .inside-itembox .inside-title h3,
	.content-title{font-size: 22px;line-height: 26px;margin-bottom: 25px;}
	.introductions-top{height: 300px;}
	.introductions-top .introductions-viedeo{width: 420px;}
	.introductions-top .introductions-info{width: calc(100% - 420px);padding-left: 20px;}
	
	.footer-number{padding: 25px 0;}
	.introductions-list li a .pic{height: 225px;}
	.introductions-list li a .shade p{font-size: 18px;line-height: 26px;}
	
}
@media (max-width:1080px) {
	.inside-left{width: 100%;padding: 0;background-color: #fff;left: 0;right: 0;width: 100%;}
	.inside-right{width: 100%;border: 0;padding-top: 60px;}
	.inside-left h1{display: none;}
	.inside-main .inside-itembox{padding: 30px 0;}
	.inside-nav{padding: 0;}
	.inside-nav .swiper-slide{text-align: center;justify-content:center;font-size: 16px;padding: 0;height: 60px;font-weight: normal;line-height: 60px;}
	.inside-nav .swiper-wrapper{justify-content: center;}
	
	.inside-main .inside-itembox .inside-title h3, .content-title{
		font-size: 20px;margin-bottom: 18px;
	}
	.introductions-top{height: 270px;}
	.introductions-top .introductions-viedeo{width: 380px;}
	.introductions-top .introductions-info{width: calc(100% - 380px);}
	.introductions-top .introductions-viedeo .play-btn img{width: 80px;height: 80px;}
	.footer-number{padding: 15px 0;}
	.footer-number .number li .cons{line-height: 32px;}
	.footer-number .number li span{line-height: 50px;font-size: 36px;}
	.introductions-list li a .pic{height: 239px;}
	.introductions-list li a .shade p{font-size: 16px;line-height: 40px;padding-bottom: 0;}
	
	.inside-history .history-list li .history-content .text-box{margin-left: 30px;}
	.inside-history .cir{width: 8px;height: 8px;}
	.inside-history .history-list li .history-content .circular{
		    box-shadow: 0 0 0 4px rgb(0 140 214 / 20%);
			top: 10px;
	}
	.inside-honor .honor-nav{width: 100px;}
	.inside-honor .honor-nav li{margin-top: 15px;}
	.inside-honor .honor-nav li a{font-size: 14px;line-height: 36px;height: 38px;}
	.inside-honor .honor-list{width: calc(100% - 100px);padding-left: 40px;}
	.inside-honor .honor-item .pic p{font-size: 14px;margin-top: 15px;}
	.inside-honor .honor-item .pic img{max-height: calc(100% - 45px);}
}
@media (max-width:769px) {
	.introductions-top{height: 230px;}
	.introductions-top .introductions-viedeo{width: 320px;}
	.introductions-top .introductions-info{width: calc(100% - 320px);}
	.introductions-top .introductions-viedeo .play-btn img{width: 60px;height: 60px;}
	.introductions-list li a .pic{height: 172px;}
	.inside-honor .honor-nav li a{line-height: 30px;height: 32px;}
	.footer-number .number li{width: 26.5%;}
	.inside-honor .honor-item .pic{padding: 8%;}
	.inside-honor .honor-item .pic p{white-space:unset;line-height: 20px;height: 40px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-wrap:break-word;word-break:break-all;}
}
@media (max-width:640px) {
	.introductions-top{height: auto;}
	.introductions-top .introductions-viedeo{width: auto;margin: 0 auto;max-width: 100%;float: none;}
	.introductions-top .introductions-info{width: 100%;margin-top: 20px;padding-left: 0;float: none;overflow: unset !important;}
	.introductions-top .introductions-viedeo .play-btn img{width: 60px;height: 60px;}
	.inside-nav .swiper-slide{font-size: 14px;line-height: 52px;height: 52px;}
	.inside-right{padding-top: 52px;}
	.inside-main .inside-itembox .inside-title h3, .content-title{font-size: 18px;margin-bottom: 12px;}
	.footer-number .number li .cons{font-size: 14px;line-height: 28px;}
	.footer-number .number li span{font-size: 30px;line-height: 42px;}
	.introductions-list li a .shade p{font-size: 14px;line-height: 30px;}
	.introductions-list li a .pic{height: 143px;}
	.inside-history .history-list li .history-content .text-box h5{font-size: 16px;}
	.inside-history .history-list li{padding-bottom: 20px;}
	
	.inside-honor{flex-direction: column;}
	.inside-honor .swiper-button-next, .inside-honor .swiper-button-prev{
		font-size: 14px;width: 32px;height: 32px;line-height: 30px;
	}
	.inside-honor .swiper-container{padding-bottom: 48px;}
	.inside-honor .honor-nav{margin-top: 0;width: 100%;}
	.inside-honor .honor-nav li{float: left;width: 25%;padding: 0 10px;margin-bottom: 20px;margin-top: 0;}
	.inside-honor .honor-nav li:first-child{margin-bottom: 0;}
	.inside-honor .honor-list{width: 100%;padding-left: 0;}
}
@media (max-width:480px) {
	.inside-nav .swiper-wrapper{justify-content: flex-start;}
	.footer-number .number li{width: 50%;}
	.footer-number .number li:last-child{float: left;width: 50%;}
	.introductions-list li a .pic{height: 102px;}
	.inside-honor .honor-nav li{padding: 0 6px;}
	.inside-honor .honor-nav li a{line-height: 26px;height: 28px;}
}

/* 产品与技术 */
.pro-introduction .intro-list{width: 100%;margin: 40px 0;}
.pro-introduction .intro-list ul{margin: 0 -5px;}
.pro-introduction .intro-list li{float: left;width: 16.666%;padding: 0 5px;}
.pro-introduction .intro-list li a{display: block;width: 100%;position: relative;} 
.pro-introduction .intro-list li a .pic{width: 100%;height: 275px;overflow: hidden;}
.pro-introduction .intro-list li a:hover .pic img{-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);}
.pro-introduction .intro-list li a .infobox{position: absolute;width: 100%;bottom: 0;left: 0;transition: all 0.6s;
	-webkit-transition: all 0.6s;
background: -webkit-linear-gradient(bottom,rgba(0,140,214,0.8),transparent);padding-bottom: 5px;z-index: 5;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.pro-introduction .intro-list li a .infobox .icon{width: 42px;display: none;transition: all 0.6s;
	-webkit-transition: all 0.6s;}
.pro-introduction .intro-list li a:hover .infobox{height: 100%;background: rgba(0,140,214,0.5);}
.pro-introduction .intro-list li a:hover .infobox .icon{display: block;}
.pro-introduction .intro-list li a .infobox .icon img{display: block;width: 100%;}
.pro-introduction .intro-list li a .infobox .txt{width: 100%;color: #fff;font-size: 16px;text-align: center;}
.pro-introduction .intro-list li a:hover .infobox .txt{font-size: 20px;font-weight: bold;}
.pro-introduction .intro-list li a .infobox .txt h3{line-height: 30px;margin: 10px 0 5px;}
.pro-introduction .intro-list li a .infobox .txt p{line-height: 30px;font-family: "Arial";}

.pro-introduction .intro-bottom ul{margin: 0 -8px;}
.pro-introduction .intro-bottom li{float: left;padding: 0 8px;width: 33.33%;}
.pro-introduction .intro-bottom li .picbox{display: block;width: 100%;position: relative;}
.pro-introduction .intro-bottom li .picbox .pic{width: 100%;height: 303px;overflow: hidden;}
.pro-introduction .intro-bottom li .picbox:hover  .pic img{-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);}
.pro-introduction .intro-bottom li .picbox .txt{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;}
.pro-introduction .intro-bottom li .picbox .txt p{text-align: center;font-size: 24px;font-weight: bold;line-height: 60px;color: #fff;}

.pro-nav{margin-bottom: 40px;}
.pro-nav .proitem{width: auto;}
.pro-nav .proitem a{display: block;padding: 0 25px;height: 42px;font-size: 16px;line-height: 40px;border-radius: 21px;text-align: center;color: #333;border: 1px solid #333;}
.pro-nav .proitem.cur a{color: #fff;background-color: #008cd6;border-color: #008cd6;}

.pro-table{margin-top: 20px;width: 100%;}

.pro-keylist{width: 100%;}
.pro-keylist ul{width: 100%;margin: 0 -15px;}
.pro-keylist li{width: 33.33%;padding: 0 15px;margin-bottom: 30px;float: left;}
.pro-keylist li a{display: block;width: 100%;position: relative;}
.pro-keylist li a .pic{width: 100%;height: 214px;overflow: hidden;}
.pro-keylist li a .txt{display: none;position: absolute;left: 0;bottom: 0;transition: all 0.6s;width: 100%;
	-webkit-transition: all 0.6s;
background: -webkit-linear-gradient(bottom,rgba(0,140,214,0.8),transparent);z-index: 5;}
.pro-keylist li a .txt p{color: #fff;font-size: 16px;line-height: 60px;text-align: center;}
.pro-keylist li a:hover .txt{display: block;transition: all 0.6s;-webkit-transition: all 0.6s;}
.pro-keylist li a:hover .pic img{-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);}
	
.research-center{width: 100%;height: 420px;}
.research-center .research-info{width: calc(100% - 540px);overflow-y: auto;height: 100%;padding-right: 60px;}
.research-center .research-pic{width: 540px;height: 100%;}

@media (max-width:1600px) {
	.research-center .research-info{padding-right: 40px;}
	.pro-keylist li a .pic{height: 214px;}
	.pro-introduction .intro-bottom li .picbox .txt p{font-size: 22px;line-height: 56px;}
}
@media (max-width:1440px) {
	.pro-introduction .intro-list li a .infobox .txt h3,
	.pro-introduction .intro-list li a .infobox .txt p{
		line-height: 26px;
	}
	.pro-keylist li a .pic{height: 184px;}
	.pro-introduction .intro-list li a .pic{height: 244px;}
	.pro-introduction .intro-bottom li .picbox .pic{height: 268px;}
}
@media (max-width:1280px) {
	.pro-introduction .intro-list li a .pic{height: 225px;}
	.pro-introduction .intro-bottom li .picbox .pic{height: 248px;}
	.pro-nav{margin-bottom: 30px;}
	
	.pro-keylist ul{margin: 0 -10px;}
	.pro-keylist li{padding: 0 10px;margin-bottom: 20px;}
	.pro-keylist li a .pic{height: 174px;}
	
	.research-center{height: 300px;}
	.research-center .research-pic{width: 380px;}
	.research-center .research-info{padding-right: 20px;width: calc(100% - 380px);}
	
	.pro-introduction .intro-list li a:hover .infobox .txt{font-size: 18px;}
	.pro-introduction .intro-bottom li .picbox .txt p{font-size: 20px;line-height: 48px;}
	.pro-introduction .intro-list{margin: 30px 0;}
}
@media (max-width:1080px) {
	.pro-nav .proitem a{font-size: 14px;line-height: 36px;height: 38px;}
	.pro-introduction .intro-list li a .pic{height: 238px;}
	.pro-introduction .intro-bottom li .picbox .pic{height: 261px;}
	.pro-keylist li a .pic{height: 184px;}
}

@media (max-width:991px) {
	.pro-introduction .intro-list li a .pic{height: 214px;}
	.pro-introduction .intro-bottom li .picbox .pic{height: 235px;}
	
	.pro-introduction .intro-list li a .infobox .txt{font-size: 14px;}
	.pro-introduction .intro-list li a .infobox .txt h3, .pro-introduction .intro-list li a .infobox .txt p{line-height: 22px;}
	.pro-introduction .intro-bottom li .picbox .txt p{font-size: 16px;line-height: 38px;}
	
	.pro-keylist ul{margin: 0 -8px;}
	.pro-keylist li{padding: 0 8px;margin-bottom: 16px;}
	.pro-keylist li a .pic{height: 165px;}
	.pro-introduction .intro-list ul{margin: 0 -3px;}
	.pro-introduction .intro-list li{padding: 0 3px;}
	
	.pro-introduction .intro-list{margin: 20px 0;}
	
}

@media (max-width:769px) {
	.pro-introduction .intro-list li a .pic{height: 168px;}
	.pro-introduction .intro-bottom li .picbox .pic{height: 180px;}
	
	.pro-keylist ul{margin: 0 -5px;}
	.pro-keylist li{padding: 0 5px;margin-bottom: 10px;}
	.pro-keylist li a .pic{height: 128px;}
	
	.research-center{height: 233px;}
	.research-center .research-pic{width: 300px;}
	.research-center .research-info{width: calc(100% - 300px);}
	
	.pro-nav .proitem a{line-height: 30px;height: 32px;padding: 0 15px;}
	.pro-introduction .intro-list{margin: 15px 0 5px;}
	
}

@media (max-width:640px) {
	.pro-introduction .intro-list li{width: 33.33%;}
	.pro-introduction .intro-list ul{margin: 0 -10px;}
	.pro-introduction .intro-list li {padding: 0 10px;margin-bottom: 16px;}
	.pro-introduction .intro-list li a .pic{height: 273px;}
	
	.research-center{height: auto;}
	.research-center .research-info{width: 100%;padding: 0;overflow-y: unset !important;float: none;}
	
	.research-center .research-pic{width: auto;max-width: 100%;margin: 0 auto;margin-bottom: 20px;float: none;}
}

@media (max-width:480px) {
	.pro-introduction .intro-list ul{margin: 0 -3px;}
	.pro-introduction .intro-list li {padding: 0 3px;margin-bottom: 6px;}
	.pro-introduction .intro-list li a .pic{height: 213px;}
	
	.pro-introduction .intro-bottom li{width: 100%;margin-bottom: 15px;}
	.pro-keylist li{width: 50%;}
	.pro-introduction .intro-list li a .infobox .txt{font-size: 12px;}
	.pro-introduction .intro-list li a .infobox .txt h3, .pro-introduction .intro-list li a .infobox .txt p{line-height: 20px;margin-bottom: 5px;}
	
	.pro-introduction .intro-bottom li .picbox .txt p{font-size: 14px;}
	.pro-nav .proitem a{height: 28px;line-height: 26px;}
}
@media (max-width:380px) {
	.pro-introduction .intro-list li a .pic{height: 158px;}
	.pro-keylist li a .pic{height: 100px;}
}

.pro-classlist{width: 100%;background-color: #fff;padding: 0 20px;}
.pro-classlist .swiper-wrapper{justify-content: center;}
.pro-classlist .pro-classitem{width: auto;border-bottom: 4px solid transparent;}
.pro-classlist .pro-classitem.cur{border-color:#008cd6 ;}
.pro-classlist .pro-classitem a{line-height: 76px;font-size: 16px;color: #333;padding: 0 40px;height: 76px;}
.pro-classlist .pro-classitem:hover a,
.pro-classlist .pro-classitem.cur a{color: #008cd6;font-weight: bold;}


.inside-prolist{padding: 60px 0 80px;width: 100%;}
.inside-prolist h1{width: 100%;margin-bottom: 40px;text-align: center;font-size: 48px;color: #333;font-weight: bold;line-height: 60px;}
.allprolist{width: 100%;}
.allprolist ul{margin: 0 -30px;}
.allprolist li{float: left;margin-bottom: 60px;padding: 0 30px;width: 25%;}
.allprolist li a{display: block;width: 100%;background-color: #fff;padding: 50px 40px;border-radius: 8px;transition: all 0.3s ease-in-out;}
.allprolist li a .pic-box{width: 88%;margin: 0 auto;}
.allprolist li a .pic{width: 100%;height: 0;padding-bottom: 100%;position: relative;overflow: hidden;}
.allprolist li a .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;display: block;}
.allprolist li a .txt{width: 100%;text-align: center;padding: 10px 0;}
.allprolist li a .txt h3{font-size: 24px;color: #333;font-weight: bold;line-height: 48px;}
.allprolist li a .txt p{font-size: 16px;color: #999;height: 52px;line-height: 26px;}
.allprolist li a .txt button{margin-top: 25px;padding: 0 40px;height: 48px;line-height: 44px;border-radius: 24px;border: 2px solid #0082E6;text-align: center;font-size: 16px;color: #008cd6;background-color: #fff;}
.allprolist li a:hover{transition: all 0.3s ease-in-out;box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);}
.allprolist li a:hover .txt button{background-color: #008cd6;color: #fff;}

@media (max-width:1600px) {
	.inside-prolist{padding: 50px 0 70px;}
	.inside-prolist h1{font-size: 42px;line-height: 54px;}
	.allprolist ul{margin: 0 -20px;}
	.allprolist li{padding: 0 20px;margin-bottom: 40px;}
}
@media (max-width:1440px) {
	.allprolist li a .txt h3{font-size: 22px;line-height: 40px;}
	.inside-prolist h1{font-size: 38px;}
	.allprolist li a{padding: 40px 30px;}
	.allprolist ul{margin: 0 -15px;}
	.allprolist li{padding: 0 15px;margin-bottom: 30px;}
}

@media (max-width:1280px) {
	.inside-prolist{padding: 40px  0 60px;}
	.pro-classlist .pro-classitem a{font-size: 14px;line-height: 55px;padding: 0 30px;height: 58px;}
	.pro-classlist .pro-classitem{border-width: 3px;}
	.inside-prolist h1{font-size: 36px;line-height: 48px;margin-bottom: 30px;}
	
	.allprolist li a{padding: 30px 20px;}
	.allprolist ul{margin: 0 -10px;}
	.allprolist li{padding: 0 10px;margin-bottom: 20px;}
	.allprolist li a .txt h3{font-size: 20px;}
	.allprolist li a .txt p{line-height: 24px;height: 48px;}
	
	.allprolist li a .txt button{margin-top: 16px;height: 42px;line-height: 38px;padding: 0 35px;}
}

@media (max-width:1080px) {
	.inside-prolist h1{font-size: 32px;}
	.inside-prolist{padding: 30px 0 50px;}
	.allprolist li a{padding: 25px  15px;}
	.allprolist li a .txt h3{font-size: 18px;line-height: 36px;}
	.allprolist li a .txt p{font-size: 14px;line-height: 22px;height: 44px;}
	.allprolist li a .txt button{margin-top: 10px;font-size: 14px;line-height: 30px;height: 34px;padding: 0 20px;}
	.allprolist ul{margin: 0 -8px;}
	.allprolist li{padding: 0 8px;}
}
@media (max-width:991px) {
	.allprolist li{width: 33.33%;}
}
@media (max-width:769px) {
	.inside-prolist{padding: 20px  0 40px;}
	.allprolist li a{padding: 20px  10px;}
	.pro-classlist .pro-classitem a{line-height: 46px;padding: 0 20px;height: 48px;}
	.pro-classlist .pro-classitem{border-width: 2px;}
	
	.inside-prolist h1{font-size: 28px;margin-bottom: 16px;}
}

@media (max-width:640px) {
	.allprolist li{width: 50%;}
	.allprolist li a .pic-box{width: 80%;}
}

.inside-prolocation .location{padding: 22px 0;}
.inside-prolocation .location span,
.inside-prolocation .location a{color: #999;}

.inside-proshow{width: 100%;background-color: #fff;padding: 60px;margin-bottom: 80px;}
.pro-showbox{width: 100%;}
.pro-showbox .pro-showpic{width: 480px;height: 480px;position: relative;border: 1px solid #e0e0e0;padding: 4%;}
.pro-showbox .pro-showpic .showpicbox{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.pro-showbox .pro-showpic .showpicbox .showpic{width: 100%;}
.pro-showbox .pro-showpic .showpicbox .showpic .picimg{max-width: 100%;max-height: 100%;display: block;}

.pro-showpic .swiper-pagination{bottom: 25px;left: 50%;transform: translateX(-50%);width: 100%;}
.pro-showpic .swiper-pagination-bullet{width: 10px;height: 10px;background: #ccc;margin: 0 5px ;opacity: 1;}
.pro-showpic .swiper-pagination-bullet-active{background: #008cd6;}

.pro-showbox .pro-showinfo{width: calc(100% - 480px);padding: 15px 0 15px 60px;}
.proshow-title{font-size: 48px;line-height: 60px;font-weight: bold;}
.pro-showbox .pro-showinfo ul{width: 100%;padding-top: 20px;}
.pro-showbox .pro-showinfo li{width: 100%;font-size: 16px;line-height: 30px;margin-top: 10px;color: #666;}

@media (max-width:1280px) {
	.inside-proshow{padding: 40px;}
	.pro-showbox .pro-showpic{width: 420px;height: 420px;}
	.pro-showbox .pro-showinfo{width: calc(100% - 420px);padding-left: 40px;}
	.proshow-title{font-size: 40px;line-height: 52px;}
	.pro-showbox .pro-showinfo li{line-height: 26px;}
	.inside-proshow{margin-bottom: 60px;}
}

@media (max-width:1080px) {
	.inside-proshow{margin: 48px 0;}
}

@media (max-width:991px) {
	.inside-proshow{padding: 30px;}
	
	.pro-showbox .pro-showpic{width: 280px;height: 280px;}
	.pro-showbox .pro-showinfo{width: calc(100% - 280px);padding: 8px 0 8px 30px;}
	.proshow-title{font-size: 36px;line-height: 48px;}
	.pro-showbox .pro-showinfo li{line-height: 20px;font-size: 14px;margin-top: 5px;}
	.pro-showbox .pro-showinfo ul{padding-top: 10px;}
	.pro-showpic .swiper-pagination{bottom: 15px;}
	.pro-showpic .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px;}
	.inside-proshow{margin: 30px 0;}
}
@media (max-width:640px) {
	.pro-showbox .pro-showpic{margin: 0 auto;float: none;border: 0;}
	.pro-showbox .pro-showinfo{width: 100%;padding: 0;float: none;}
	.proshow-title,
	.pro-showbox .pro-showinfo li{text-align: center;}
	
}
@media (max-width:480px) {
	.proshow-title{font-size: 32px;line-height: 40px;}
	.pro-showbox .pro-showpic{width: 200px;height: 200px;}
}

/* 供应商平台 */
.inside-supplierbox{width: 100%;padding: 80px 0 160px;}
.inside-supplier{width: 100%;position: relative;}
.inside-supplier .inside-supplier-img{width: 1080px;height: 565px;position: absolute;right: 0;top: 0;}
.inside-supplier .inside-supplier-img .pic{width: 100%;height: 100%;}
.inside-supplier .inside-supplier-txt{width: calc(100% - (1080px - 240px));position: relative;min-height: 565px;
left: 0 ;top: 80px;z-index: 2;background-color: #fff;padding: 50px;}

@media (max-width:1600px) {
	.inside-supplier .inside-supplier-img{width: 972px;height: 509px;}
	.inside-supplier .inside-supplier-txt{width: calc(100% - (972px - 216px));top: 60px;padding: 40px;min-height: 509px;}
	.inside-supplierbox{padding: 60px  0 120px;}
}
@media (max-width:1440px) {
	.inside-supplier .inside-supplier-img{width: 778px;height: 407px;}
	.inside-supplier .inside-supplier-txt{width: calc(100% - (778px - 240px));top: 50px;padding: 30px;min-height: 407px;}
	.inside-supplierbox{padding: 50px  0 100px;}
}
@media (max-width:1280px) {
	.inside-supplier .inside-supplier-img{width: 80%;height: auto;max-width: 100%;margin: 0 auto;float: none;position: relative;right: unset;}
	.inside-supplier .inside-supplier-txt{width: 100%;top: unset;margin-top: 25px;padding: 0;min-height: unset;background: transparent;}
	.inside-supplierbox{padding: 40px  0;}
}
@media (max-width:769px) {
	.inside-supplierbox{padding: 30px  0;}
	.inside-supplier .inside-supplier-txt{margin-top: 20px;}
}
@media (max-width:480px) {
	.inside-supplier .inside-supplier-txt{margin-top: 15px;}
}

/* 新闻资讯 */
.title1{font-size: 20px;line-height: 40px;height: 40px;font-weight: bold;margin-bottom: 15px;}
.company-news{width: 100%;}
.company-news .commpany-newslist{margin: 0 -20px;}
.company-news .commpany-newslist li{float: left;width: 33.33%;padding: 0 20px;margin-bottom: 40px;}
.company-news .commpany-newslist li a{display: block;width: 100%;height: 100%;background: #fff;}
.company-news .commpany-newslist li .picbox{width: 100%;position: relative;height: 210px;}
.company-news .commpany-newslist li .picbox .pic{width: 100%;height: 100%;overflow: hidden;}
.company-news .commpany-newslist li .picbox .date{display: flex;padding: 6px 10px;position: absolute;top: 30px;left: 30px;z-index: 2;border-radius: 16px;background: #008cd6;}
.company-news .commpany-newslist li .picbox .date img{display: block;width: 20px;height: 20px;margin-right: 10px;}
.company-news .commpany-newslist li .picbox .date p{display: block;font-size: 16px;color: #fff;line-height: 20px;height: 20px;font-family: "Arial";}
.company-news .commpany-newslist li .txt{width: 100%;padding: 20px 30px 30px;}
.company-news .commpany-newslist li .txt p{font-size: 16px;line-height: 26px;color: #666;height: 52px;}
.company-news .commpany-newslist li a:hover{background: #008cd6;}
.company-news .commpany-newslist li a:hover .picbox .pic img{-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);}
.company-news .commpany-newslist li a:hover  .txt h3,
.company-news .commpany-newslist li a:hover .txt p{color: #fff;}

.industry-news{width: 100%;}
.industry-newslist li {width: 100%;border-bottom: 1px solid #e0e0e0;margin-bottom: 60px;}
.industry-newslist li a{display: block;width: 100%;}
.industry-newslist li .txt{width: calc(100% - 373px);padding-right: 60px;}
.industry-newslist li .pic{width: 373px;height: 210px;}
.industry-newslist li .txt .date{display: flex;}
.industry-newslist li .txt .date img{display: block;width: 20px;height: 20px;margin-right: 10px;}
.industry-newslist li .txt .date  p{display: block;font-size: 16px;color: #999;line-height: 20px;height: 20px;font-family: "Arial";}
.industry-newslist li .txt .info{margin-top: 20px;}
.industry-newslist li .txt .info p{font-size: 16px;line-height: 30px;height: 60px;color: #666;}
.industry-newslist li a:hover .txt h3{color: #008cd6;}

@media (max-width:1600px) {
	.company-news .commpany-newslist{margin: 0 -15px;}
	.company-news .commpany-newslist li{padding: 0 15px;margin-bottom: 30px;}
	.industry-newslist li{margin-bottom: 50px;}
	.company-news .commpany-newslist li .picbox{height: 189px;}
	.company-news .commpany-newslist li .picbox .date{top: 20px;left: 20px;}
	.company-news .commpany-newslist li .txt{padding: 15px  25px 25px;}
	.title1{margin-bottom: 10px;}
	.industry-newslist li .pic{width: 350px;height: 197px;}
	.industry-newslist li .txt{width: calc(100% - 350px);padding-right: 45px;}
}
@media (max-width:1440px) {
	.title1{font-size: 18px;line-height: 36px;height: 36px;margin-bottom: 6px;}
	.company-news .commpany-newslist{margin: 0 -10px;}
	.company-news .commpany-newslist li{padding: 0 10px;margin-bottom: 20px;}
	.company-news .commpany-newslist li .picbox{height: 178px;}
	.company-news .commpany-newslist li .txt{padding: 10px  20px 20px;}
	.company-news .commpany-newslist li .picbox .date{top: 12px;left: 12px;}
	.industry-newslist li .txt .info{margin-top: 15px;}
	.industry-newslist li .pic{width: 300px;height: 169px;}
	.industry-newslist li .txt{width: calc(100% - 300px);padding-right: 30px;}
	.industry-newslist li{margin-bottom: 40px;}
}
@media (max-width:1080px) {
	.company-news .commpany-newslist li .picbox{height: 188px;}
	.company-news .commpany-newslist li .picbox .date img,
	.industry-newslist li .txt .date img{width: 18px;height: 18px;margin-right: 8px;}
	.company-news .commpany-newslist li .picbox .date p,
	.industry-newslist li .txt .date p{font-size: 14px;line-height: 18px;height: 18px;}
	.title1{font-size: 16px;line-height: 32px;height: 32px;}
	.company-news .commpany-newslist li .txt p{font-size: 14px;height: 48px;line-height: 24px;}
	.industry-newslist li .txt .info p{font-size: 14px;line-height: 26px;height: 52px;}
	.industry-newslist li .txt .info{margin-top: 10px;}
	.industry-newslist li .pic{width: 260px;height: 146px;}
	.industry-newslist li .txt{width: calc(100% - 260px);padding-right: 20px;}
	.industry-newslist li{margin-bottom: 30px;}
}
@media (max-width:991px) {
	.company-news .commpany-newslist li{width: 50%;}
	.company-news .commpany-newslist li .picbox{height: 259px;}
}
@media (max-width:769px) {
	.company-news .commpany-newslist li .picbox{height: 200px;}
	.industry-newslist li .pic{width: 230px;height: 129px;}
	.industry-newslist li .txt{width: calc(100% - 230px);padding-right: 15px;}
	.industry-newslist li .txt .info{margin-top: 8px;}
	.industry-newslist li .txt .info p{line-height: 24px;height: 48px;}
	.industry-newslist li{margin-bottom: 20px;}
}
@media (max-width:640px) {
	.company-news .commpany-newslist li .picbox{height: 168px;}
	.title1{height: 28px;line-height: 28px;margin-bottom: 4px;}
	.company-news .commpany-newslist li .txt{padding: 10px  16px 16px;}
	.company-news .commpany-newslist li .txt p{line-height: 22px;height: 44px;}
	.industry-newslist li .pic{width: 200px;height: 113px;}
	.industry-newslist li .txt{width: calc(100% - 200px);padding-right: 12px;}
	.industry-newslist li .txt .info{margin-top: 5px;}
	.industry-newslist li .txt .info p{line-height: 22px;height: 44px;}
	.company-news .commpany-newslist{margin: 0 -5px;}
	.company-news .commpany-newslist li{padding: 0 5px;margin-bottom: 15px;}
}
@media (max-width:480px) {
	.company-news .commpany-newslist li .picbox{height: 126px;}
	.company-news .commpany-newslist li .txt{padding: 8px  10px 10px;}
	.industry-newslist li .pic{width: 128px; height: 72px;}
	.industry-newslist li .txt{width: calc(100% - 128px);padding-right: 8px;margin-bottom: 8px;}
	.title1{line-height: 24px;height: 24px;}
	.company-news .commpany-newslist li .txt p{line-height: 20px;height: 40px;}
	.company-news .commpany-newslist li .picbox .date p, .industry-newslist li .txt .date p{
		font-size: 12px;height: 16px;line-height: 16px;
	}
	.company-news .commpany-newslist li .picbox .date img, .industry-newslist li .txt .date img{
		width: 16px;height: 16px;margin-right: 6px;
	}
	.industry-newslist li .txt .info p{
		line-height: 20px;height: 40px;
	}
	.industry-newslist li{margin-bottom: 15px;}
	.industry-newslist li a{padding-bottom: 31px;position: relative;}
	.industry-newslist li .txt .info{margin-top: 8px;}
	.industry-newslist li .txt .date{position: absolute;bottom: 15px;left: 0;}
}
@media (max-width:360px) {
	.company-news .commpany-newslist{margin: 0;}
	.company-news .commpany-newslist li{width: 100%;padding: 0;}
	.company-news .commpany-newslist li .picbox{height: 193px;}
	.company-news .commpany-newslist li .txt{padding: 12px  18px 18px;}
	.company-news .commpany-newslist li .picbox .date img, .industry-newslist li .txt .date img{
		width: 12px;height: 12px;margin-top: 2px;margin-right: 5px;
	}
}

.inside-newsshow{padding-top: 0;}
.newsshow-right{width: 320px;float: right;padding-top: 60px;}
.newsshow-right .company-news .commpany-newslist{margin: 0;}
.newsshow-right .company-news .commpany-newslist li{width: 100%;padding: 0;margin-bottom: 10px;}
.newsshow-right .company-news .commpany-newslist li .txt{padding-left: 0;padding-right: 0;text-align: left;}
.newsshow-right .company-news .commpany-newslist li a:hover{background: #fff;}
.newsshow-right .company-news .commpany-newslist li a:hover .txt h3{
	color: #008cd6;
}
.newsshow-right .company-news .commpany-newslist li a:hover .txt p{
	color: unset;
}
.title2{width: 100%;font-size: 36px;line-height: 48px;color: #333;font-weight: bold;}
.newsshow-right .title2{margin-bottom: 30px;}
.newsshow-left{padding-top: 60px;float: left;width: calc(100% - 360px);border-right: 2px solid #e0e0e0;}
.pr60{padding-right: 60px;}
.newsshow-left-top{width: 100%;border-bottom: 1px solid #e0e0e0;}
.newsshow-left-top .info-show{width: 100%;margin:20px 0 40px;}
.newsshow-left-top .info-show .infoitem{margin-right: 40px;}
.newsshow-left-top .info-show .infoitem .date{display: flex;align-items: center;height: 20px;}
.newsshow-left-top .info-show .infoitem .date img{width: 20px;margin-right: 10px;}
.newsshow-left-top .info-show .infoitem .date p{font-size: 16px;color: #999;font-family: "Arial";}
.newsshow-left-info{padding-top: 30px;padding-bottom: 80px;}
.newsshow-left-bottom{width: 100%;height: 52px;background-color: #f5f5f5;padding: 0 30px;}
.newsshow-left-bottom .list-return{width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;}
.newsshow-left-bottom .list-return h5 a{display: block;color: #999;font-size: 16px;line-height: 52px;}
.newsshow-left-bottom .list-return h5 a i{font-family:'icon';}
.newsshow-left-bottom .list-return h5 a:hover{color: #008cd6;}

@media (max-width:1600px) {
	.title2{font-size: 30px;}
	.newsshow-left-top .info-show{margin: 15px 0 35px;}
}
@media (max-width:1440px) {
	.inside-newsshow{padding: 0 40px 40px;}
	.newsshow-left,
	.newsshow-right{padding-top: 40px;}
	.newsshow-left-top .info-show{margin: 10px 0 30px;}
	.pr60{padding-right: 40px;}
	.newsshow-right{width: 260px;}
	.newsshow-left{width: calc(100% - 290px);}
	.title2{font-size: 26px;line-height: 36px;}
	.newsshow-right .company-news .commpany-newslist li .picbox{height: 146px;}
}

@media (max-width:1080px) {
	.pr60{padding-right: 0;}
	.inside-newsshow{padding: 36px;}
	.newsshow-left{width: 100%;padding: 0;border: 0;float: none;}
	.newsshow-right{width: 100%;float: none;}
	.newsshow-right .company-news .commpany-newslist li{width: 33.33%;margin-bottom: 20px;}
	.newsshow-right .company-news .commpany-newslist li .picbox{height: 188px;}
}
@media (max-width:991px) {
	.newsshow-right .company-news .commpany-newslist li .picbox{height: 193px;}
	.title2{font-size: 24px;line-height: 34px;}
}
@media (max-width:769px) {
	.inside-newsshow{padding: 28px;}
	.newsshow-right .company-news .commpany-newslist li .picbox{height: 143px;}
	.newsshow-left-info{padding: 20px 0 60px;}
	.newsshow-left-bottom{height: 40px;}
	.newsshow-left-bottom .list-return h5 a{font-size: 14px;line-height: 40px;}
	.newsshow-left-top .info-show{margin: 15px 0;}
	.newsshow-right .title2{margin-bottom: 20px;}
	.newsshow-left-bottom{padding: 0 15px;}
	.title2{font-size: 20px;line-height: 30px;}
}
@media (max-width:640px) {
	.newsshow-right .company-news .commpany-newslist li .picbox{height: 132px;}
}
@media (max-width:480px) {
	.newsshow-right .company-news .commpany-newslist li .picbox{height: 148px;}
	.inside-newsshow{padding: 20px;}
	.newsshow-left-bottom{padding: 0 10px;}
	.newsshow-left-info{padding-bottom: 40px;}
	.title2{font-size: 18px;line-height: 28px;}
}
@media (max-width:360px) {
	.newsshow-right .company-news .commpany-newslist li .picbox{height: 111px;}
}

.inside-market{padding: 80px 0;}
.inside-marketlist{margin: 0 -30px;}
.inside-marketlist li{float: left;padding: 0 30px;margin-bottom: 60px;width: 20%;}
.inside-marketlist li .item{width: 100%;padding: 20px;background: #fff;border-radius: 5px;} 
.inside-marketlist li h3{color: #999;font-size: 24px;font-family: "arial narrow";line-height: 30px;margin-bottom: 10px;} 
.inside-marketlist li .icon{width: 96px;height: 96px;margin: 0 auto;}
.inside-marketlist li h4{margin:30px 0 14px;font-size: 20px;line-height: 40px;font-weight: bold;height: 40px;color: #333;text-align: center;}

@media (max-width:1600px) {
	.inside-market{padding: 60px 0;}
	.inside-marketlist{margin: 0 -20px;}
	.inside-marketlist li{padding: 0 20px;margin-bottom: 40px;}
}
@media (max-width:1440px) {
	.inside-market{padding: 40px 0;}
	.inside-marketlist{margin: 0 -15px;}
	.inside-marketlist li{padding: 0 15px;margin-bottom: 30px;}
	.inside-marketlist li h4{margin: 25px 0 10px;font-size: 18px;line-height: 36px;}
	.inside-marketlist li .icon{width: 82px;height: 82px;}
	.inside-marketlist li h3{font-size: 22px;margin-bottom: 8px;}
}
@media (max-width:1280px) {
	.inside-market{padding: 30px 0;}
	.inside-marketlist{margin: 0 -10px;}
	.inside-marketlist li{padding: 0 10px;margin-bottom: 20px;}
	.inside-marketlist li .icon{width: 76px;height: 76px;}
}
@media (max-width:1080px) {
	.inside-marketlist li h4{font-size: 16px;line-height: 32px;margin: 20px 0 0;}
	.inside-marketlist li .icon{width: 60px;height: 60px;}
	.inside-marketlist li h3{font-size: 20px;margin-bottom: 5px;line-height: 26px;}
	.inside-marketlist li .item{padding: 15px;}
}
@media (max-width:991px) {
	.inside-market{padding: 20px 0;}
	.inside-marketlist{margin: 0 -5px;}
	.inside-marketlist li{padding: 0 5px;margin-bottom: 15px;}
	.inside-marketlist li .icon{width: 52px;height: 52px;}
}
@media (max-width:769px) {
	.inside-marketlist li{width: 25%;}
	.inside-marketlist li h3{font-size: 18px;margin-bottom: 0;line-height: 24px;}
	.inside-marketlist li .icon{width: 48px;height: 48px;}
	.inside-marketlist li h4{margin-top: 14px;line-height: 28px;}
}
@media (max-width:640px) {
	.inside-marketlist li{width: 33.33%;}
}
@media (max-width:480px) {
	.inside-marketlist li{width: 50%;}
}

.inside-recruit-content {width: 100%;}
.inside-recruit-content .recruit-item{width: 100%;display: none;}
.inside-recruit-content .recruit-item.active{display: block;}
 .hr-list{width: 100%;}
 .hr-list ul{margin: 0 -20px;}
 .hr-list li{float: left;width: 33.333%;padding: 0 20px;margin-bottom: 40px;}
 .hr-list li a{display: block;width: 100%;padding: 40px;background: #fff;}
 .hr-list li .name{position: relative;width: 100%;height: 46px;}
 .hr-list li .name h3{color: #008cd6;}
 .hr-list li .name .next{position: absolute;display: flex;justify-content: center;align-items: center;right: 100%;top: 0;
width: 46px;height: 100%;border-radius: 50%;color: #fff;transition: all 0.2s;-webkit-transition: all 0.2s;}
 .hr-list li .name .next i{font-family: 'icon';font-size: 16px;}
 .hr-list li a:hover .name .next{right: 0;background-color: #fff;color: #008cd6;}
 .hr-list li a:hover{background: #008cd6;}
 .hr-list li .num{display: flex;align-items: center;height: 30px;overflow: hidden;}
 .hr-list li .num i{display: block;width: 18px;height: 20px;transition: all 0.1s;-webkit-transition: all 0.1s;
background-image: url(../images/recruit01.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
 .hr-list li .num span{display: block;font-size: 16px;color: #008cd6;margin-left: 10px;}
 .hr-list li a:hover .num i{background-image: url(../images/recruit02.png);}
 .hr-list li .info{margin-top: 28px;width: 100%;}
 .hr-list li .info p{color: #666;font-size: 16px;line-height: 26px;height: 78px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; word-wrap:break-word;word-break:break-all;}
 .hr-list li a:hover .num span,
 .hr-list li a:hover .name h3,
 .hr-list li a:hover .info p{color: #fff;}

.treatment-banner{padding: 45px 0 ;width: 100%;position: relative;}
.treatment-banner .pic{width: 100%;}
.treatment-banner .pic img{width: 100%;display: block;}
.treatment-banner .pic p{font-size: 16px;line-height: 30px;color: #666;margin-top: 15px;}
.treatment-banner .swiper-pagination{bottom: 0;left: 50%;transform: translateX(-50%);}
.treatment-banner .swiper-pagination-bullet{width: 12px;height: 12px;background: #ccc;margin: 0 5px ;opacity: 1;}
.treatment-banner .swiper-pagination-bullet-active{background: #008cd6;}

.inside-culture{width: 100%;margin-top: -40px;}
.inside-culture ul{margin: 0 -20px;}
.inside-culture li{float: left;width: 50%;padding: 0 20px;margin-top: 40px;}
.inside-culture li .culture-item{display: block;width: 100%;position: relative;}
.inside-culture li .culture-item .pic{width: 100%;height: 320px;}
.inside-culture li .culture-item .showbox{padding: 55px 35px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.inside-culture li .culture-item .showbox .icon{width: 40px;height: 40px;}
.inside-culture li .culture-item .showbox .txt h3{font-size: 28px;color: #333;line-height: 56px;}
.inside-culture li .culture-item .showbox .txt p{font-size: 16px;color: #333;height: 60px;line-height: 30px;}

.inside-duty .layui-table{width: 100%;background-color: #fff;border: 1px solid #d7ecf6;margin: 0;}
.inside-duty .layui-table td{color: #666;}
.inside-duty .layui-table td, 
.inside-duty .layui-table th{padding-left: 40px;padding-right: 40px;border-left: 0;border-right: 0;}
.inside-duty .layui-table th.last{width: 158px;}
.inside-duty .layui-table .download-btn{display: block;width: 78px;text-align: center;height: 32px;color: #008cd6;line-height: 30px;border-radius: 16px;border: 1px solid #008cd6;}
.table-page{width: 100%;background-color: #fff;border: 1px solid #d7ecf6;border-top: 0;padding: 30px 0;}

.inside-local{width: 100%;background: #fff;border-radius: 8px;border:1px solid #d7ecf6;}
.inside-local .local-list{width: 100%;padding: 40px 0;border-bottom: 1px solid #d7ecf6;}
.inside-local .local-list li{position: relative;width: 33.33%;float: left;padding:20px 60px;border-left: 1px solid #d7ecf6;}
.inside-local .local-list li:nth-child(3n+1){border-color: transparent;}
.inside-local .local-list li a{display: block;width: 100%;}
.inside-local .local-list li .icon{width: 34px;height: 34px;}
.inside-local .local-list li h3{font-size: 24px;line-height: 30px;color: #333;margin: 15px 0 10px;}
.inside-local .local-list li p{font-size: 16px;line-height: 30px;color: #666;height: 60px;}
.inside-local .local-list .site{position: absolute;bottom: 0;opacity: 0;}

.inside-map{width: 100%;padding: 60px;}
.inside-map #map_canvas{width: 100%;height: 385px;}

@media (max-width:1600px) {
	.inside-local .local-list{padding: 30px 0;}
	.inside-local .local-list li{padding: 15px 45px;}
	.inside-map{padding: 45px;}
	.inside-culture li .culture-item .showbox .txt h3{font-size: 26px;}
}
@media (max-width:1440px) {
	.treatment-banner{padding-top: 35px;}
	.inside-culture{margin-top: -30px;}
	.inside-culture ul,
	 .hr-list ul{margin: 0 -15px;}
	.inside-culture li{padding: 0 15px;margin-top: 30px;}
	 .hr-list li{padding: 0 15px;margin-bottom: 30px;}
	 .hr-list li a{padding: 30px;}
	.inside-culture li .culture-item .showbox{padding: 50px 30px;}
	.inside-culture li .culture-item .pic{height: 286px;}
	.inside-culture li .culture-item .showbox .txt h3{font-size: 24px;line-height: 48px;}
	.inside-local .local-list li h3,
	 .hr-list li .name h3{font-size: 22px;}
	.inside-duty .layui-table td, .inside-duty .layui-table th{
		padding-left: 30px;padding-right: 30px;
	}
	.inside-duty .layui-table th.last{width: 138px;}
	
}
@media (max-width:1280px) {
	.inside-culture li .culture-item .showbox{padding: 40px 20px;}
	.inside-culture li .culture-item .pic{height: 264px;}
	.inside-culture li .culture-item .showbox .icon{width: 36px;height: 36px;}
	.inside-culture li .culture-item .showbox .txt h3{font-size: 22px;}
	.inside-local .local-list li h3{font-size: 20px;margin: 10px 0 8px;}
	 .hr-list li .name h3{font-size: 20px;}
	.inside-local .local-list{padding: 25px 0;}
	.inside-local .local-list li{padding: 10px 30px;}
	.inside-map{padding: 30px;}
}
@media (max-width:991px) {
	.inside-culture{margin-top: -20px;}
	.inside-culture ul,
	 .hr-list ul{margin: 0 -10px;}
	.inside-culture li{padding: 0 10px;margin-top: 20px;}
	 .hr-list li{padding: 0 10px;margin-bottom: 20px;}
	 .hr-list li a{padding: 20px;}
	.inside-culture li .culture-item .pic{height: 254px;}
	.inside-culture li .culture-item .showbox{padding: 30px 15px;}
	.inside-culture li .culture-item .showbox .txt h3{font-size: 20px;line-height: 40px;}
	.inside-local .local-list li .icon{width: 28px;height: 28px;}
	.inside-local .local-list li h3{font-size: 18px;}
	.inside-local .local-list{padding: 20px 0;}
	.inside-culture li .culture-item .showbox .txt p,
	.inside-local .local-list li p{font-size: 14px;line-height: 26px;height: 52px;}
	.treatment-banner .pic p{font-size: 14px;line-height: 26px;}
	.treatment-banner .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 3px;}
	.treatment-banner{padding: 30px 0;}
	 .hr-list li .name .next{display: none;}
	 .hr-list li .name{height: auto;}
	 .hr-list li .info{margin-top: 15px;}
	 .hr-list li .info p{font-size: 14px;line-height: 24px;height: 72px;}
}
@media (max-width:769px) {
	.inside-culture li .culture-item .pic{height: 197px;}
	.inside-duty .layui-table td, .inside-duty .layui-table th{padding-left: 15px;padding-right: 15px;}
	.inside-duty .layui-table th.last{width: 100px;}
	.inside-duty .layui-table .download-btn{height: 28px;line-height: 26px;width: 70px;}
	.inside-local .local-list li{width: 100%;border-left: 0;padding: 5px 20px;}
	.inside-map{padding: 20px;}
	.inside-map #map_canvas{height: 300px;}
	.inside-culture ul{margin: 0 -8px;}
	.inside-culture li{padding: 0 8px;}
	.inside-culture li .culture-item .showbox{padding: 20px 15px;}
	.inside-culture li .culture-item .showbox .icon{width: 32px;height: 32px;}
	.inside-local .local-list li .icon{width: 24px;height: 24px;}
}
@media (max-width:640px) {
	.inside-culture li .culture-item .pic{height: 163px;}
	.inside-culture li .culture-item .showbox{padding: 12px;}
	.inside-culture li .culture-item .showbox .txt h3{font-size: 18px;line-height: 36px;}
	.inside-culture li .culture-item .showbox .txt p, .inside-local .local-list li p{line-height: 24px;height: 48px;}
	.inside-local .local-list li h3{font-size: 16px;margin: 10px 0 5px;}
	 .hr-list li .name h3{font-size: 18px;}
	 .hr-list li{width: 50%;}
}
@media (max-width:480px) {
	.treatment-banner .swiper-pagination-bullet {
	    width: 8px;
	    height: 8px;
	}
	 .hr-list li{width: 100%;}
	.inside-culture{margin-top: 0;}
	.inside-culture ul{margin: 0;}
	.inside-culture li{float: none;width: 100%;padding: 0;}
	.inside-duty .layui-table td, .inside-duty .layui-table th{padding-left: 8px;padding-right: 8px;}
	.inside-duty .layui-table .download-btn{width: 60px;height: 26px;line-height: 24px;}
	.inside-duty .layui-table th.last{width: 76px;}
}
.hrinfo-show p{font-size: 14px;color: #999;line-height: 24px;}

.company-news .hr-list li a{background: #f5f5f5;text-align: left;}
.company-news .hr-list li .name .next{color: #f5f5f5;}
.newsshow-right .company-news .hr-list li a:hover{background-color: #008cd6;}

.search-main{width:100%;height:60px;border:#eee solid 1px;background:#fff;margin:0 auto 60px auto;}
.search-main input{border:none;background:none;outline:none;}
.search-main input.pro-search-input{float:left;width:calc(100% - 140px);height:58px;padding:12px 20px;font-size:16px;color:#333;line-height:34px;}
.search-main input.pro-search-btn{float:right;width:140px;height:58px;background:#008cd6;color:#fff;font-size:16px;}

@media(max-width:1200px){
	.search-main{margin-bottom:50px ;height: 50px;}
	.search-main input.pro-search-btn{height: 48px;width: 120px;}
	.search-main input.pro-search-input{height: 48px;line-height: 24px;width:calc(100% - 120px);}
	
}
@media(max-width:769px){
	.search-main{height:40px;border:none;}
	.search-main input.pro-search-input{width:calc(100% - 80px);height:40px;padding:8px 12px;font-size:14px;line-height:28px;}
	.search-main input.pro-search-btn{width:80px;height:40px;font-size:14px;}
}
.search-empty{width:100%;min-height:240px;display:flex;align-items:center;justify-content:center; font-size:16px;color:#666;}
.search-empty p{text-align:center;}

.search-content{padding: 60px;}
.search-result .swiper-wrapper{justify-content: center;}
.search-result-content .search-item{display: none;}
.search-result-content .search-item.active{display: block;}
@media (max-width:1440px) {
	.search-content{padding: 40px;}
}
@media (max-width:1080px) {
	.search-content{padding: 30px;}
}
@media (max-width:991px) {
	.search-content{padding: 20px 0;}
}

.pro-table .table-img{width: 100%;}
.pro-table .table-img img{display: block;width: 100%;}